<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/list.css">
  <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">
  <style>
    .breadcrumb {
      padding-left: 6px;
      padding-right: 6px;
    }

    .p {
      width: 700px;
      margin: 15px auto;
    }

    .m-style .prev,
    .m-style .next {
      background: pink;
      color: #fff;
    }

    .m-style .active {
      background: orange;
    }
  </style>
</head>

<body>
  <h1>我是一个列表页面</h1>

  <div class="pagi"></div>

  <div name="p" class="m-style p"></div>

  <div class="container">
    <ul></ul>
  </div>

  <script src="../tools/jquery.min.js"></script>
  <script src="../js/polyfill.js"></script>
  <script src="../tools/ajax.js"></script>
  <script src="../tools/tools.js"></script>
  <script src="../tools/jquery-pagination/jquery.pagination.js"></script>
  <script src="../js/list.js"></script>

</body>

</html>